@mixin f-scrollbarDefine() {
    // 整体样式
    &::-webkit-scrollbar {
      width: $farris-scrollbar-width;
      height: $farris-scrollbar-height;
      // 不生效
      background-color: $farris-scrollbar-bg;
    }
    // 凹槽
    &::-webkit-scrollbar-track {
      border-radius: $farris-scrollbar-border-radius;
      background-color: $farris-scrollbar-track-bg;
      border: none;
      background-clip: padding-box;
    }
    // 滑块
    &::-webkit-scrollbar-thumb {
      border-radius: $farris-scrollbar-border-radius;
      background-color: $farris-scrollbar-thumb-bg;
      border: none;
      background-clip: content-box;
      opacity: .6;
      //transform: rotate(90deg);
      border-radius: $farris-scrollbar-thumb-border-radius;
    }
  
    &::-webkit-scrollbar-thumb:hover {
      background: $farris-scrollbar-thumb-hover-bg;
    }
}
  